:root {
    /* color */
    --Primary: #94F3B4;
    --Secondary: #1b263b;
    --font-main2: "Red Hat Display", sans-serif;
    --font-main3: "Manrope", sans-serif;
    --font-main4: "Rethink Sans", sans-serif;
    --font-main5: "IBM Plex Sans", sans-serif;
    --font-main6: "Urbanist", sans-serif;
}

.font-2 {
    font-family: var(--font-main2);
}

.font-3 {
    font-family: var(--font-main3);
}

.font-4 {
    font-family: var(--font-main4);
}

.font-5 {
    font-family: var(--font-main5);
}

.font-6 {
    font-family: var(--font-main6);
}

.main-menu .navigation > li:hover::after {
    color: var(--Secondary);
}

.tf-box-icon.style-2 {
    border-top: 1px solid var(--Line);
}

.tf-box-icon.style-2 .content h4 {
	font-size: 24px;
	font-weight: 600;
}
.tf-box-icon.style-2:hover .content h4 {
	color: var(--Primary);
}

.tf-box-icon.style-2 .content p {
	text-align: justify;
}